<template>
  <div class="d-flex jc-between flex-1">
    <div class="py-14 d-flex flex-1">
      <div class="fs-12">
        <i class="el-icon-position text-home-nav-2"></i>
        <span class="text-ftcolor-2 ml-2">北京</span>
        <a class="text-ftcolor-2 border mx-4 px-2">切换城市</a>
        <span class="mx-4 text-ftcolor-1">
          [
          <a href="javascript:;" class="text-ftcolor-1 mx-4">门头沟区</a>
          <a href="javascript:;" class="text-ftcolor-1 mx-4">大厂回族自治县</a>
          <a href="javascript:;" class="text-ftcolor-1 mx-4">廊坊</a>
          ]
        </span>
      </div>
      <div class="d-flex ml-20">
        <a href="#" class="text-primary fs-12">立即登录</a>
        <a href="#" class="text-ftcolor-2 fs-12 ml-10">注册</a>
      </div>
    </div>  
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
@import '../../../assets/css/_varibles';
 a:hover {
   color: map-get($colors, 'primary') !important;
 }
</style>
